<template>
  <nav-bar
    :title="'关于'"
    :showLeftArrow="true"
    :leftText="'返回'"
    @click-left="back"
  ></nav-bar>
  <div>Lite Mall</div>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import NavBar from "@/components/NavBar.vue";
import TabBar from "@/components/TabBar.vue";
import { useRouter } from "vue-router";

export default defineComponent({
  components: {
    NavBar,
    TabBar,
  },
  setup() {
    const router = useRouter();
    const state = reactive({});

    const back = () => {
      router.back();
    };

    return {
      ...toRefs(state),
      back,
    };
  },
});
</script>

<style scoped></style>
